<template>
  <div class="os-tabs">
    This is os-tabs components is {{baz}} color.
  </div>
</template>
<script lang="ts">
  import { defineComponent, reactive, ref } from "vue";

  export default defineComponent({
    name: "os-tabs",
    data() {
      return {
        baz: "red",
      };
    },
    // setup(props) {
    //   const baz = ref<string>("red");
    //   return { baz };
    // },
  });
</script>
<style lang="scss" scoped>
  .os-tabs {
    color: v-bind(baz);
  }
</style>